<!DOCTYPE html>
<html>
<head>
    <title>Choose Product</title>
    <style>
        body {
            text-align:center;
        }
        h3 {
            font-family:Arial;
            display:inline;
            color:#0094ff;
            text-decoration:underline;
        }
        a {
            margin-left:3px;
            text-decoration:none;
        }
        table {
            width:100%;
        }
        span {
            font-family:Adobe Hebrew;
            font-size:large;
        }
        td {
            text-align:left;
            vertical-align:middle;
        }
    </style>

</head>
<body>
    <header style="border-bottom:2px solid #000; padding:20px;">
        <a href="#"><h3>Aple</h3></a>
        <a href="#"><h3>Toshiba</h3></a>
        <a href="#"><h3>Lenovo</h3></a>
        <a href="#"><h3>Dell</h3></a>
        <a href="#"><h3>Asus</h3></a>
        <a href="#"><h3>Hacer</h3></a>
        <a href="#"><h3>HP</h3></a>
    </header>
    <section style=" padding-top:20px; width:900px; margin: 0 auto;">
        <table>
            <tbody>
                <tr>
                    <td>
                         <table style="border:solid 1px #000; padding:5px;">
                            <tbody>
                                <tr>
                                    <td>
                                        <fieldset>
                                            <legend>Apple MacBook Air</legend>
                                            <table>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="2">
                                                            <img src="images/apple.jpg" alt="Apple MacBook Air"/>
                                                        </td>
                                                        <td>
                                                            <span>64GB SSD</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                             <span>2GB DDR</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                            <span>1300 USD</span>
                                                        </td>
                                                        <td>
                                                            <span>Intel Core i5</span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </fieldset>
                                    </td>
                                     <td>
                                          <fieldset>
                                            <legend>Apple MacBook Air</legend>
                                            <table>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="2">
                                                            <img src="images/apple.jpg" alt="Apple MacBook Air"/>
                                                        </td>
                                                        <td>
                                                            <span>64GB SSD</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                             <span>2GB DDR</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                            <span>1300 USD</span>
                                                        </td>
                                                        <td>
                                                            <span>Intel Core i5</span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </fieldset>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                         <fieldset>
                                            <legend>Apple MacBook Air</legend>
                                            <table>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="2">
                                                            <img src="images/apple.jpg" alt="Apple MacBook Air"/>
                                                        </td>
                                                        <td>
                                                            <span>64GB SSD</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                             <span>2GB DDR</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                            <span>1300 USD</span>
                                                        </td>
                                                        <td>
                                                            <span>Intel Core i5</span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </fieldset>

                                    </td>
                                     <td>
                                          <fieldset>
                                            <legend>Apple MacBook Air</legend>
                                            <table>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="2">
                                                            <img src="images/apple.jpg" alt="Apple MacBook Air"/>
                                                        </td>
                                                        <td>
                                                            <span>64GB SSD</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                             <span>2GB DDR</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                            <span>1300 USD</span>
                                                        </td>
                                                        <td>
                                                            <span>Intel Core i5</span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </fieldset>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                         <fieldset>
                                            <legend>Apple MacBook Air</legend>
                                            <table>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="2">
                                                            <img src="images/apple.jpg" alt="Apple MacBook Air"/>
                                                        </td>
                                                        <td>
                                                            <span>64GB SSD</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                             <span>2GB DDR</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                            <span>1300 USD</span>
                                                        </td>
                                                        <td>
                                                            <span>Intel Core i5</span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </fieldset>
                                    </td>
                                     <td>
                                          <fieldset>
                                            <legend>Apple MacBook Air</legend>
                                            <table>
                                                <tbody>
                                                    <tr>
                                                        <td rowspan="2">
                                                            <img src="images/apple.jpg" alt="Apple MacBook Air"/>
                                                        </td>
                                                        <td>
                                                            <span>64GB SSD</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                             <span>2GB DDR</span>
                                                        </td>
                                                    </tr>
                                                     <tr>                                                       
                                                        <td>
                                                            <span>1300 USD</span>
                                                        </td>
                                                        <td>
                                                            <span>Intel Core i5</span>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </fieldset>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </td>
                     <td>
                         <table>
                             <tr>
                                 <td>
                                     <table>
                                         <tr>
                                             <td>
                                                 <span>Min Price:</span>
                                             </td>
                                             <td>
                                                 <span>500 USD</span>
                                             </td>
                                         </tr>
                                          <tr>
                                             <td colspan="2" style="text-align:center;">
                                                 <input  type="range" min="500" max="1500"/>
                                             </td>                                             
                                         </tr>
                                     </table>
                                 </td>
                             </tr>
                             <tr>
                                 <td>
                                     <table>
                                         <tr>
                                             <td>
                                                 <span>Min Price:</span>
                                             </td>
                                             <td>
                                                 <span>500 USD</span>
                                             </td>
                                         </tr>
                                          <tr>
                                             <td colspan="2" style="text-align:center;">
                                                 <input  type="range" min="500" max="1500"/>
                                             </td>                                             
                                         </tr>
                                     </table>
                                 </td>
                             </tr>
                             <tr>
                                 <td>
                                     <table>
                                         <tr>
                                             <td>
                                                 <span>Min RAM:</span>
                                             </td>
                                             <td>
                                                 <span>4 GB</span>
                                             </td>
                                         </tr>
                                          <tr>
                                             <td colspan="2" style="text-align:center;">
                                                 <input  type="range" min="4" max="16"/>
                                             </td>                                             
                                         </tr>
                                     </table>
                                 </td>
                             </tr>
                             <tr>
                                 <td>
                                     <table>
                                         <tr>
                                             <td>
                                                 <span>Max RAM:</span>
                                             </td>
                                             <td>
                                                 <span>16 GB</span>
                                             </td>
                                         </tr>
                                          <tr>
                                             <td colspan="2" style="text-align:center;">
                                                 <input  type="range" min="4" max="16"/>
                                             </td>                                             
                                         </tr>
                                     </table>
                                 </td>
                             </tr>
                         </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </section>
</body>
</html>
